<template>
  <div class="flex j-c a-c f-c" style="width:100%;height:50%">
    <h3 style="color:#3a95e4">欢迎登陆NinJa博客后台管理系统</h3>
    <span>
      用户名:
      {{username}}
    </span>
    <div style="margin-top:20px;flex;j-c;">
      <el-button type="primary">
        <a href="https://yq427.cn">主页</a>
      </el-button>
      <el-button type="danger">
        <a href="https://tongji.baidu.com/web/welcome/ico?s=61f3439a13e697d14e685837fcc7e0a9">主页百度统计</a>
      </el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: ""
    };
  },
  created() {
    this.username = sessionStorage.getItem("username");
  }
};
</script>

<style scoped>
a {
  color: #fff;
  text-decoration: none;
}
</style>